/* 主题样式定义 */

/* 默认亮色主题 */
:root {
  --bg-color: #f5f7fa;
  --bg-color-secondary: #fff;
  --text-color: #303133;
  --text-color-secondary: #606266;
  --border-color: #ebeef5;
  --card-bg: #fffbe7;
  --card-shadow: 0 2px 8px #ffd54f33;
  --header-bg: #fff;
  --header-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  --accent-color: #d2691e;
  --accent-color-light: #ffd54f;
  --accent-color-dark: #a05a1c;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --info-color: #909399;
}

/* 暗色主题 */
.dark-theme {
  --bg-color: #1a1a1a;
  --bg-color-secondary: #2c2c2c;
  --text-color: #e0e0e0;
  --text-color-secondary: #b0b0b0;
  --border-color: #3a3a3a;
  --card-bg: #2c2c2c;
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  --header-bg: #252525;
  --header-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  --accent-color: #ffa726;
  --accent-color-light: #ffb74d;
  --accent-color-dark: #f57c00;
  --success-color: #4caf50;
  --warning-color: #ff9800;
  --danger-color: #f44336;
  --info-color: #78909c;
}

/* 应用主题变量 */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s, color 0.3s;
}

.el-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-color);
  box-shadow: var(--card-shadow);
}

.el-header {
  background-color: var(--header-bg);
  box-shadow: var(--header-shadow);
}

.el-main {
  background-color: var(--bg-color);
}

.el-table {
  background-color: var(--bg-color-secondary);
  color: var(--text-color);
}

.el-table th {
  background-color: var(--bg-color-secondary);
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: var(--bg-color);
}

.el-input__inner {
  background-color: var(--bg-color-secondary);
  color: var(--text-color);
  border-color: var(--border-color);
}

.el-button {
  background-color: var(--bg-color-secondary);
  border-color: var(--border-color);
  color: var(--text-color);
}

.el-button--primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: #fff;
}

.el-button--success {
  background-color: var(--success-color);
  border-color: var(--success-color);
  color: #fff;
}

.el-button--warning {
  background-color: var(--warning-color);
  border-color: var(--warning-color);
  color: #fff;
}

.el-button--danger {
  background-color: var(--danger-color);
  border-color: var(--danger-color);
  color: #fff;
}

.el-button--info {
  background-color: var(--info-color);
  border-color: var(--info-color);
  color: #fff;
}

/* 导航菜单 */
.el-menu {
  background-color: var(--bg-color-secondary);
  border-color: var(--border-color);
}

.el-menu-item {
  color: var(--text-color-secondary);
}

.el-menu-item.is-active {
  color: var(--accent-color);
}

.el-menu-item:hover {
  background-color: var(--bg-color);
}

/* 弹窗 */
.el-dialog {
  background-color: var(--bg-color-secondary);
  color: var(--text-color);
}

.el-dialog__header {
  color: var(--text-color);
}

/* 表单 */
.el-form-item__label {
  color: var(--text-color);
}

/* 下拉菜单 */
.el-dropdown-menu {
  background-color: var(--bg-color-secondary);
  border-color: var(--border-color);
}

.el-dropdown-menu__item {
  color: var(--text-color);
}

.el-dropdown-menu__item:hover {
  background-color: var(--bg-color);
  color: var(--accent-color);
}

/* 分页 */
.el-pagination {
  color: var(--text-color);
}

.el-pagination button {
  background-color: var(--bg-color-secondary);
  color: var(--text-color);
}

.el-pagination .el-select .el-input__inner {
  color: var(--text-color);
}

/* 标签 */
.el-tag {
  background-color: var(--bg-color-secondary);
  color: var(--text-color);
  border-color: var(--border-color);
}
